/** layuiAdmin.std-v2023.3.11 LPPL License By 张双 */
;layui.define(function (e) {
    layui.use(['admin', 'element', 'form', 'layer', 'laydate', 'util'], function () {
        var admin = layui.admin, form = layui.form, laydate = layui.laydate, util = layui.util;
        // 基于准备好的dom，初始化echarts实例
        var getAvgTimeInfoChart = echarts.init(document.getElementById('get-avg-feed1'), 'infographic');
        // 浏览器窗口大小发生改变时
        window.addEventListener("resize", function () {
            getAvgTimeInfoChart.resize();
        });
        // 是否自动刷新
        var autoRefresh = true;
        // 默认时间
        var dateValue = util.toDateString(new Date(), 'yyyy-MM-dd');

        // 发送ajax请求，获取PING平均时间
        function getFeedChartInfo() {
            admin.req({
                type: 'get',
                url: layui.setter.base + 'monitor-feed/get-user-feed',
                dataType: 'json',
                contentType: 'application/json;charset=utf-8',
                headers: {
                    "X-CSRF-TOKEN": tokenValue
                },
                success: function (result) {
                    var data = result.data;
                    var user = data.map(function (item) {
                        return item.user;
                    });
                    var total = data.map(function (item) {
                        return parseInt(item.total);
                    });
                    option = {
                        title: {
                            text: '每个人员的运维数量',
                            left: 'center',
                            textStyle: {
                                color: '#696969',
                                fontSize: 18
                            },
                        },
                        tooltip: {
                            trigger: 'axis'
                        },
                        legend: {
                            data: ['数量'],
                            x: '60%',
                            y: '4',
                            orient: 'horizontal'
                        },
                        xAxis: [{
                            type: 'category',
                            // X轴从零刻度开始
                            boundaryGap: true,
                            data: user
                        }],
                        yAxis: {
                            type: 'value',
                            name: '次数',
                            axisLabel: {
                                formatter: '{value} 次'
                            },
                            minInterval: 1
                        },
                        toolbox: {
                            show: true,
                            feature: {
                                dataZoom: {
                                    yAxisIndex: "none"
                                },
                                dataView: {
                                    readOnly: false
                                },
                                magicType: {
                                    type: ["line", "bar"]
                                },
                                restore: {},
                                saveAsImage: {}
                            },
                            iconStyle: {
                                borderColor: "rgba(105, 98, 98, 1)"
                            },
                            right: "2%",
                            orient: "vertical",
                            showTitle: false,
                        },
                        series: [{
                            name: '数量',
                            data: total,
                            type: 'bar',
                            smooth: true,
                            itemStyle: {
                                normal: {
                                    // 设置颜色
                                    color: '#ee816d'
                                }
                            },
                            areaStyle: {
                                type: 'default',
                                // 渐变色实现
                                color: new echarts.graphic.LinearGradient(0, 0, 0, 1,
                                    // 三种由深及浅的颜色
                                    [{
                                        offset: 0,
                                        color: '#ee816d'
                                    }, {
                                        offset: 0.5,
                                        color: '#e3b2a0'
                                    }, {
                                        offset: 1,
                                        color: '#FFFFFF'
                                    }])
                            },
                        }],

                    };
                    getAvgTimeInfoChart.setOption(option);
                    // 关闭loading框
                    // layer.close(loadingIndex);
                },
                error: function () {
                    // 关闭loading框
                    // layer.close(loadingIndex);
                }
            });
        }

        // 自动刷新条件改变
        form.on('switch(autoRefresh)', function (data) {
            //是否被选中，true或者false
            autoRefresh = data.elem.checked;
        });

        // 执行ajax请求
        function execute() {
            if (autoRefresh) {
                // 发送ajax请求，获取PING平均时间
                getFeedChartInfo();
            }
        }

        // 页面加载后第一次执行
        execute();
        // 每30秒刷新一次
        window.setInterval(function () {
            execute();
        }, 1000 * 30);
    });
    e('feed1', {});
});